html {
  overflow-x: auto;
  overflow-y: scroll;
}

body,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
input,
p,
blockquote,
th,
td {
  font-weight: 400;
  margin     : 0;
  padding    : 0;
}

h1,
h2,
h3,
h4,
h4,
h5 {
  margin : 0;
  padding: 0;
}

body {
  margin          : 0;
  padding         : 0;
  background-color: #f7f8fa;
  color           : #010205;
  font-family     : 'PorscheNextRegular', 'SimHei', sans-serif;
  font-size       : 12px;
  text-align      : left;
}

select {
  font-size: 12px;
}

table {
  border-collapse: collapse;
}

address,
caption,
em,
strong,
th,
i {
  font-style : normal;
  font-weight: 400;
}

table caption {
  margin-left: -1px;
}

hr {
  border-bottom: 1px solid #ffffff;
  border-top   : 1px solid #e4e4e4;
  border-width : 1px 0;
  clear        : both;
  height       : 2px;
  margin       : 5px 0;
  overflow     : hidden;
}

ol,
ul {
  list-style-image   : none;
  list-style-position: outside;
  list-style-type    : none;
}

caption,
th {
  text-align: left;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: '';
}

.fontPorscheNextBold {
  font-family: 'PorscheNextBold', 'SimHei', sans-serif;
}

.fontPorscheNextRegular {
  font-family: 'PorscheNextRegular', 'SimHei', sans-serif;
}

.els {
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis;
}

.els3 {
  /*多行*/
  overflow          : hidden;
  text-overflow     : ellipsis;
  display           : -webkit-box;
  -webkit-line-clamp: 3;
  /*想省略几行就写几*/
  -webkit-box-orient: vertical;
}

.els2 {
  /*多行*/
  overflow          : hidden;
  text-overflow     : ellipsis;
  display           : -webkit-box;
  -webkit-line-clamp: 2;
  /*想省略几行就写几*/
  -webkit-box-orient: vertical;
}

.link {
  font-size  : 12px;
  font-weight: 400;
}

.show {
  display: 'block';
}

.hide {
  display: none;
}

.hidden {
  visibility: hidden;
}

.mr-10 {
  margin-right: 10px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-80 {
  margin-right: 100px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mb-10 {
  margin-bottom: 10px;
}

.ml-10 {
  margin-left: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-30 {
  margin-top: 30px;
}

.mb-15 {
  margin-bottom: 15px;
}

.ml-15 {
  margin-left: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-30 {
  margin-bottom: 30px;
}

.ml-20 {
  margin-left: 20px;
}

.dis-ac {
  display    : flex;
  align-items: center;
}

.dis,
.flex {
  display: flex;
}

.dis-aj {
  display        : flex;
  align-items    : center;
  justify-content: center;
}

.cup {
  cursor: pointer;
}

.dis-asb {
  display        : flex;
  align-items    : center;
  justify-content: space-between;
}

.dis-ase {
  display        : flex;
  align-items    : center;
  justify-content: flex-end;
}

.dis-jc {
  display        : flex;
  justify-content: center;
}

.dis-jsb {
  display        : flex;
  justify-content: space-between;
}

.dis-c {
  display       : flex;
  flex-direction: column;
}

.bag-fff {
  background-color: #fff;
}

.m-20 {
  margin: 20px;
}

.mx-20 {
  margin: 0 20px;
}

.mx-10 {
  margin: 0 10px;
}

.my-20 {
  margin: 20px 0;
}

.px-16 {
  padding: 0 16px;
}

.p-20 {
  padding: 20px;
}

.px-20 {
  padding: 0 20px;
}

.pt-20 {
  padding-top: 20px;
}

.px-30 {
  padding: 0 30px;
}

.py-20 {
  padding: 20px 0;
}

.block {
  display: block;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}